<!DOCTYPE html>
<!--景点开始页-->
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>景点简介</title>
    <link rel="stylesheet" th:href="@{/spotout.css}" href="./spotout.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>
<body>
    <div class="background">
        <div class="text">[[${story}]]</div>
        <div class="button">
            <a th:href="@{/recommend/story}"><button type="button" class="btn btn-default btn-lg btn-block">查看全文</button></a>
        </div>
        <div id="text">
            <img src="">
        </div>
    </div>
    <script th:inline="javascript">
        document.getElementById('text').innerHTML = [[${story}]];
    </script>
</body>
</html>